﻿
/* CSS Document */

.path_menu{
	float:left;width:98.8%;border:1px solid #dfdfdf;margin:5px .5%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.path_menu_item{float:left;}
.path_menu_item a{
	color:#0681C8;font-size:120%;text-decoration:none;display:block;padding:6px 20px;
	border-right:1px solid #dfdfdf;
	border-radius:0px 0px 40px 0;
	-moz-border-radius:3px 3px 40px 0px;
	-webkit-border-radius:0px 0px 40px 0;
	-o-border-radius:3px 3px 40px 0px;
	-ms-border-radius:3px 3px 40px 0px;
}
.path_menu_item a:hover{color:#F90}

.context_menu{text-align:right;color:#dfdfdf;font-size:110%;}
.context_menu a{float:right;padding:6px 10px;text-decoration:none;display:block;color:#0681C8;font-weight:bold}
.context_menu a:hover{color:#F90}
.context_menu span{float:right;padding:6px 0;}

.title_and_action{width:96.8%;padding:2px 0 2px 2%}
.content_title{float:left;width:40%;padding:12px 0;padding-left:5%;font-size:250%;color:#0681C8;background:url(../images/admins/menu-icon/add_news_icon.png) no-repeat;}

.content_action{float:right;width:40%;margin-top:3px}
.item_content_action{float:right;background:#fff;margin:0 10px;text-align:center;cursor:pointer;color:#0681C8}
.item_content_action:hover{color:#F90}
.item_content_action a{color:#0681C8;text-decoration:none}
#help_action{width:35px;height:35px;background:url(../images/admins/menu-icon/help_icon_35.png) no-repeat;float:left}
#help_action:hover{background:url(../images/admins/menu-icon/help_icon_35_hover.png) no-repeat;float:left}
#add_action{width:35px;height:35px;background:url(../images/admins/menu-icon/add_icon_35.png) no-repeat;float:left}
#add_action:hover{background:url(../images/admins/menu-icon/add_icon_35_hover.png) no-repeat;float:left}
#update_action{width:35px;height:35px;background:url(../images/admins/menu-icon/update_icon_35.png) no-repeat;float:left}
#update_action:hover{background:url(../images/admins/menu-icon/update_icon_35_hover.png) no-repeat;float:left}
#delete_action{width:35px;height:35px;background:url(../images/admins/menu-icon/delete_icon_35.png) no-repeat;float:left}
#delete_action:hover{background:url(../images/admins/menu-icon/delete_icon_35_hover.png) no-repeat;float:left}
#go_back_action{width:35px;height:35px;background:url(../images/admins/menu-icon/go_back_icon_35.png) no-repeat;float:left}
#go_back_action:hover{background:url(../images/admins/menu-icon/go_back_icon_35_hover.png) no-repeat;float:left}
#edit_action{width:35px;height:35px;background:url(../images/admins/menu-icon/edit_icon_35.png) no-repeat;float:left}
#edit_action:hover{background:url(../images/admins/menu-icon/edit_icon_35_hover.png) no-repeat;float:left}

#help_action1{width:35px;height:35px;background:url(../images/admins/menu-icon/help_icon_35.png) no-repeat;float:left}
#help_action1:hover{background:url(../images/admins/menu-icon/help_icon_35_hover.png) no-repeat;float:left}
#add_action1{width:35px;height:35px;background:url(../images/admins/menu-icon/add_icon_35.png) no-repeat;float:left}
#add_action1:hover{background:url(../images/admins/menu-icon/add_icon_35_hover.png) no-repeat;float:left}
#update_action1{width:35px;height:35px;background:url(../images/admins/menu-icon/update_icon_35.png) no-repeat;float:left}
#update_action1:hover{background:url(../images/admins/menu-icon/update_icon_35_hover.png) no-repeat;float:left}
#delete_action1{width:35px;height:35px;background:url(../images/admins/menu-icon/delete_icon_35.png) no-repeat;float:left}
#delete_action1:hover{background:url(../images/admins/menu-icon/delete_icon_35_hover.png) no-repeat;float:left}
#go_back_action1{width:35px;height:35px;background:url(../images/admins/menu-icon/go_back_icon_35.png) no-repeat;float:left}
#go_back_action1:hover{background:url(../images/admins/menu-icon/go_back_icon_35_hover.png) no-repeat;float:left}
#edit_action1{width:35px;height:35px;background:url(../images/admins/menu-icon/edit_icon_35.png) no-repeat;float:left}
#edit_action1:hover{background:url(../images/admins/menu-icon/edit_icon_35_hover.png) no-repeat;float:left}

/*------------------------------------------------FORM------------------------------------------------------------*/
.form_panel{
	float:left;width:98%;margin:10px 1%;
}
.tab_form_panel{
	float:left;width:98%;background:#dfdfdf;padding:3px 1% 0 1%;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
	-ms-border-radius:3px 3px 0 0;
	background:url(../images/admins/menu-icon/bg_tab.png) repeat-x;
	border-bottom:1px solid #f4f4f4;
	margin-bottom:10px;
}
.item_tab_form_panel{
	float:left;padding:5px;margin-right:3px;background:#fff;color:#0681C8;font-size:110%;font-weight:bold;cursor:pointer;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
	-ms-border-radius:3px 3px 0 0;
	border:1px solid #bbb;
	border-right:1px solid #ddd;
	border-bottom:none;
	background:url(../images/admins/menu-icon/bg_tab_item.png) repeat-x;
}
.item_tab_form_panel_show{background:url(../images/admins/menu-icon/bg_tab_item_hover.png) repeat-x;color:#F90}
.item_tab_form_panel:hover{background:url(../images/admins/menu-icon/bg_tab_item_hover.png) repeat-x;color:#F90}

.content_form_panel{float:left;width:100%}
.item_content_form_panel{float:left;width:100%;display:none}
#item_content_form_panel1{display:block}

.item_item_content_form{float:left;width:97%;margin:0 0 0 3%;background:#f6f6f6}
.title_item_item_form{
	float:left;width:15%;
	background:#f2f2f2;
	padding:8px 2% 7px 0;
	border:1px solid #dfdfdf;
	border-top:1px solid #fff;
	border-left:none;
	color:#0681C8;font-size:110%;
	text-align:right;
	font-weight:bold;
}
.title_item_item_form span{color:#F00}
.txt_textarea_product{
	float:left;padding:8px;max-width:98%;min-width:98%;font-size:120%;font-family:Arial, Helvetica, sans-serif;height:150px;
}
.input_item_item_form{float:left;width:82%; padding:3px 0 3px 3px;max-width:82%}
.txt_input_item_item,textarea,.input_item_item_form select{
	width:50%;padding:4px;font-size:120%;border:1px solid #ccc;
	display:inline-block;color:#555555;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-ms-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-o-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	
	-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
	-moz-transition:border linear 0.2s,box-shadow linear 0.2s;
	-ms-transition:border linear 0.2s,box-shadow linear 0.2s;
	-o-transition:border linear 0.2s,box-shadow linear 0.2s;
	transition:border linear 0.2s,box-shadow linear 0.2s;
}
.input_item_item_form select{padding-left:5px;width:50.9%;}
.txt_input_item_item:focus,textarea:focus,.input_item_item_form select:focus{
	border-color:rgba(82, 168, 236, 0.8);
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	outline:0;outline:thin dotted \9;
}
.check_item_item{margin-top:5px}
.wrapper_ckeditor_article_product{float:left;width:95%;padding:10px 0 10px 5%}



/*******************************************LIST ITEM************************************************/

.list_item{float:left;width:100%}
.list_item table{width:100%;font-size:120%;border-collapse:collapse;color:Black}
.list_item table td a{color:#0681C8;text-decoration:none}
.list_item table tr{border-bottom:1px solid #e7e7e7}
.list_item table tr:last-child{border-bottom:none}
tr.table_title{font-weight:bold;background:#e7e7e7;color:#0681C8}
tr.table_title td.text-left{padding:10px 0 10px 1%;line-height:normal;border-right:1px solid #d7d7d7}
tr.table_title td.text-center{padding:10px 5px;line-height:normal;border-right:1px solid #d7d7d7}
.list_item table td:last-child{border:none}
.description{max-width:300px;}

.description-menu{width:250px;padding-right:10px}

.design-image img{width:100px}
.student-image img{width:70px}
.exhibition-image{width:120px}
.exhibition-image img{width:100px}
.paddings{padding:10px 5px}

.edit{min-width:40px}
.delete{min-width:40px}
.date{min-width:100px}
.add{min-width:100px}

.name{width:200px;padding-right:50px}

td.text-center{text-align:center;border-right:1px solid #e7e7e7;}
td.text-left{border-right:1px solid #e7e7e7;line-height:22px;padding:15px 0 15px 1%}

.gi{color:#b7b7b7;margin-right: 5px;}
.num-id{font-weight:bold}

/********************************************PAGING**************************************************/
.paging{float: left;width: 90%;padding:10px 0;text-align: right;padding-left: .5%;}
.notlink
{
    float: left;border: 1px solid #d0d0d0;margin: 0px 7px;padding: 2px 7px;border-radius:3px;font-weight:bold;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    font-size:120%;color:#0681C8
}
.link
{
    float: left;margin: 0px 7px;border: 1px solid #d0d0d0;border-radius:3px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
}
.link a{color:#f90;display:block;padding: 2px 7px;font-weight:bold;font-size:120%;text-decoration: none;} 
.link a:hover{color:#f90;} 


.bt_category_submit{width:35px;height:35px;background:url(../images/admins/menu-icon/add_icon_35.png) no-repeat;border: none;}
.bt_category_submit:hover{background:url(../images/admins/menu-icon/add_icon_35_hover.png) no-repeat;cursor: pointer;}


.error
{
    font-size: 120%;color: #f00;font-weight: bold;
    text-align: left;float: left;padding: 10px 0px 10px 10%;width: 88.8%;
    background:url(../images/admins/menu-icon/infomation_icon_30.png) no-repeat left center #f7f7f7;
    line-height: 20px;
}
.success
{
    font-size: 120%;color: #00f;font-weight: bold;
    text-align: left;float: left;padding: 10px 0px 10px 10%;width: 88.8%;
    background:url(../images/admins/menu-icon/infomation_icon_30.png) no-repeat left center #f7f7f7;
    line-height: 20px;
}








